<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/inc/incSession.jsp" %>
<jsp:include page="/common/inc/Top.jsp" />

	<body>
		<!-- header -->
		<jsp:include page="/common/inc/Header.jsp" />
		<!-- //header -->
		
		<!-- wrap -->
		<div id="wrap" style="border: solid 1px green;">
		
			<!-- contentWrap -->
			<div id="contentWrap" style="border: solid 1px pink;">
			
				<!-- topmenu -->
				<jsp:include page="/common/inc/TopMenu.jsp" />
				<!-- //topmenu -->
				
				<!-- menu_title -->
				<div id="menu_title" style="bolder:solid 1px blue; background: url('/layoutSample/communityTitle.png');">
				</div>
				<!-- //menu_title -->
				
				<div id="conts">
				
					<div class="main_view clfix" style="border: dotted 1px red;">
					
					
					<!-- 카테고리 대표 영역 -->
						<div class="community_wrap" style="border: dotted 1px red; position: relative;">
						
							<div class="smart_1" style="border: dotted 1px blue;">
								<div class="cate_img_1">
									<img src="layoutSample/cate_img/cate_img_1.jpg" class="cate_img_src_1" />
								</div>
								<div class="smart_nm_1">
									카테고리 1
								</div>
								<div class="smart_title_1">
									제목 1
								</div>
							</div>						
						
						
						
						
							<div class="smart_2" style="border: dotted 1px blue;">
								<div class="cate_img_2">
									<img src="layoutSample/cate_img/cate_img_2.jpg" class="cate_img_src_2" />
								</div>
								<div class="smart_nm_2">
									카테고리 2
								</div>
								<div class="smart_title_2">
									제목 2
								</div>
							</div>			
							
							
							
							
							<div class="smart_3" style="border: dotted 1px blue;">
								<div class="cate_img_3">
									<img src="layoutSample/cate_img/cate_img_3.jpg" class="cate_img_src_3" />
								</div>
								<div class="smart_nm_3">
									카테고리 3
								</div>
								<div class="smart_title_3">
									제목 3
								</div>
							</div>
							
							
							
							<div class="smart_4" style="border: dotted 1px blue;">
								<div class="cate_img_4">
									<img src="layoutSample/cate_img/cate_img_4.jpg" class="cate_img_src_4" />
								</div>
								<div class="smart_nm_4">
									카테고리 4
								</div>
								<div class="smart_title_4">
									제목 4
								</div>
							</div>
							
							
							
							<div class="smart_5" style="border: dotted 1px blue;">
								<div class="cate_img_5">
									<img src="layoutSample/cate_img/cate_img_5.jpg" class="cate_img_src_5" />
								</div>
								<div class="smart_nm_5">
									카테고리 5
								</div>
								<div class="smart_title_5">
									제목 5
								</div>
							</div>
							
							
							
							<div class="smart_6" style="border: dotted 1px blue;">
								<div class="cate_img_6">
									<img src="layoutSample/cate_img/cate_img_6.jpg" class="cate_img_src_6" />
								</div>
								<div class="smart_nm_6">
									카테고리 6
								</div>
								<div class="smart_title_6">
									제목 6
								</div>
							</div>
						
							
							
							
							<div class="smart_7" style="border: dotted 1px blue;">
								<div class="cate_img_7">
									<img src="layoutSample/cate_img/cate_img_7.jpg" class="cate_img_src_7" />
								</div>
								<div class="smart_nm_7">
									카테고리 7
								</div>
								<div class="smart_title_7">
									제목 7
								</div>
							</div>
							
							
							
							
							<div class="smart_8" style="border: dotted 1px blue;">
								<div class="cate_img_8">
									<img src="layoutSample/cate_img/cate_img_8.jpg" class="cate_img_src_8" />
								</div>
								<div class="smart_nm_8">
									카테고리 8
								</div>
								<div class="smart_title_8">
									제목 8
								</div>
							</div>
							
							
							
							<div class="smart_9" style="border: dotted 1px blue;">
								<div class="cate_img_9">
									<img src="layoutSample/cate_img/cate_img_9.jpg" class="cate_img_src_9" />
								</div>
								<div class="smart_nm_9">
									카테고리 9
								</div>
								<div class="smart_title_9">
									제목 9
								</div>
							</div>
							
						</div>
					
					
						<h1>스마트 이벤트</h1>
						<!-- section_1 -->
						<div class="section_main mt10" style="border: dashed 1px red;height: 145px; overflow: hidden;">
							<img src="/layoutSample/section_2.png" alt="">
						</div>
						<div class="section_main" style="border: dashed 1px red;height: 45px;">
							<img src="/layoutSample/paging.png" alt="">
						</div>
						<!-- //section -->
						
					</div>
					
				</div>
				
			</div>
			<!-- //contentWrap -->
			
		</div>
		
		<jsp:include page="/common/inc/Footer.jsp" />
		
		<!-- //wrap -->
		
		
	
	</body>
</html>